<template>
	
	<view>
		<view class="status_bar"></view>
		<view class="header_bar">
			<view class="bar_back" @tap="BackPage">
				<image :src="imgUrl"></image>
			</view>
			<view class="bar_content">
				<text>{{title}}</text>
			</view>
		</view>
		<view class="status_bartwo"></view>
		<view class="header_bartwo"></view>
	</view>
</template>

<script>
	export default {
		props:{
			title: {
				// 列表标题
				type: String,
				default: ''
			},
			imgUrl:{
				type:String,
				default:'/static/icon_fh_51.png'
			},
		},
		data(){
			return{
				
			}
		},
		methods:{
			BackPage() {
				uni.navigateBack({
					delta: 1
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
	.status_bartwo{
		height: var(--status-bar-height);
		width: 100%;
	}
	.header_bartwo{
		width: 100%;
		height: 96rpx;
	}
	.status_bar{
		 height: var(--status-bar-height);
		 width: 100%;
		 position: fixed;
		 top: 0;
		 z-index: 999;
	}
	.header_bar{
		width: 100%;
		height: 96rpx;
		display: flex;
		align-items: center;
		justify-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		position: fixed;
		top: var(--status-bar-height);
		z-index: 999;
		background-color: #FFFFFF;
		.bar_back{
			width: 50rpx;
			height: 50rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			position: absolute;
			left: 30rpx;
			image{
				width: 20rpx;
				height: 34rpx;
			}
		};
		.bar_content{
			flex: 1;
			text-align: center;
			text{
				color: #222222;
				font-size: 32rpx;
			}
		}
	};
</style>
